<!-- BEGIN PAGE HEADER-->
<div class="row-fluid">
    <div class="span12"> 
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->		
        <h3 class="page-title">
            Crear
            <small>Cree aqui un Beneficiario</small>
        </h3>
        <ul class="breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="<?php echo $this->baseUrl; ?>">Inicio</a> 
                <i class="icon-angle-right"></i>
            </li>
            <li>
                <a href="#">Crear Beneficiario</a>
            </li>
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->
    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
<div class="row-fluid">
    <div class="span12">
        <!--<div class="portlet box blue" id="form_wizard_1">-->
        <div class="portlet box blue" id="formCrearBeneficiario">
            <div class="portlet-title">
                <h4>
                    <i class="icon-reorder"></i> Crear Beneficiario - <span class="step-title">Paso 1 de 4</span>
                </h4>
                <div class="tools hidden-phone">
                    <a href="javascript:;" class="collapse"></a>
                    <a href="#portlet-config" data-toggle="modal" class="config"></a>
                    <a href="javascript:;" class="reload"></a>
                    <a href="javascript:;" class="remove"></a>
                </div>
            </div>
            <div class="portlet-body form">
                <!--<form id="crearBeneficiario" class="form-horizontal">-->
                <div id="divOverflown">
                    <div class="form-wizard">
                        <div class="navbar steps">
                            <div class="navbar-inner">
                                <ul class="row-fluid">
                                    <li class="span3">
                                        <a href="#tab1" data-toggle="tab" class="step active">
                                            <span class="number">1</span>
                                            <span class="desc"><i class="icon-ok"></i> Datos Básicos</span>   
                                        </a>
                                    </li>
                                    <li class="span3">
                                        <a href="#tab2" data-toggle="tab" class="step">
                                            <span class="number">2</span>
                                            <span class="desc"><i class="icon-ok"></i> Residencia</span>   
                                        </a>
                                    </li>
                                    <li class="span3">
                                        <a href="#tab3" data-toggle="tab" class="step">
                                            <span class="number">3</span>
                                            <span class="desc"><i class="icon-ok"></i> Socioeconómico</span>   
                                        </a>
                                    </li>                                    
                                    <li class="span3">
                                        <a href="#tab4" data-toggle="tab" class="step">
                                            <span class="number" disabled>4</span>
                                            <span class="desc"><i class="icon-ok"></i> Confirmar datos</span>   
                                        </a> 
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div id="bar" class="progress progress-success progress-striped">
                            <div class="bar"></div>
                        </div>
                        <div class="tab-content">

                            <!-- TABLA UNO-->
                            <div class="tab-pane active" id="tab1">
                                <form class="form-horizontal" id="crearBeneficiario1">
                                    <h3 class="block">Proporcione detalles del Beneficiario</h3>
                                    <div class="control-group">
                                        <label class="control-label">Código</label>
                                        <div class="controls inputContainer">
                                            <input type="text" name ="codigo" id="codigo" maxlength="11" placeholder="Digite código del Estudiante" class="large m-wrap validate[required] text-input" /><!--onblur="consultarEstudiante();",custom[onlyNumberSp,minSize[5]]-->                                            
                                            <input type="text" name ="codigoBeneficiario" id="codigoBeneficiario"/>
                                            <a href="javascript:;" id="btnConsultarEstudiante" class="btn blue">
                                                Consultar <i class="m-icon-swapright m-icon-white"></i>
                                            </a>
                                            <div>
                                                <span class="help-inline" id="msjCodigo"></span>
                                            </div>
                                        </div>


                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Carrera</label>
                                        <div class="controls inputContainer" >
                                            <select id="carrera" name ="carrera" data-placeholder="Seleccione una Carrera" tabindex="0" class="large m-wrap validate[required] ">
                                                <option value="">Seleccione una carrera</option>
                                                <?php
                                                foreach ($this->carreras as $value) {
                                                    echo"<option value=" . $value['codigo_proyecto'] . ">" . $value['nombre_proyecto'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Nombres</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="nombres" placeholder="Digite Nombres" class="large m-wrap validate[required,custom[onlyLetterSp,maxSize[60]]] text-input" />
                                            <span class="help-inline" id="msjnombre"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Apellidos</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="apellidos" placeholder="Digite Apellidos" class="large m-wrap validate[required,custom[onlyLetterSp,maxSize[60]]] text-input" />
                                            <span class="help-inline" id="msjapellido"></span>
                                        </div>
                                    </div>                                
                                    <div class="control-group">
                                        <label class="control-label">Documento</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="documento" placeholder="Digite N° Documento de Identidad" class="large m-wrap validate[required,custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjdocumento"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Tipo Documento</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="tipoDocumento" tabindex="1">
                                                <option value=""></option>
                                                <option value="TI">Tarjeta de Identidad</option>
                                                <option value="CC">Cédula de Ciudadanía</option>
                                                <option value="CE">Cédula de Extranjería</option>
                                                <option value="P">Pasaporte</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Fecha de Nacimiento</label>
                                        <div class="controls">
                                            <div class="input-append date date-picker" data-date="" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
                                                <input id="fechaNacimiento" class="m-wrap m-ctrl-medium date-picker validate[required]" size="16" type="text" value="" disabled/><span class="add-on"><i class="icon-calendar"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Género</label>
                                        <div class="controls inputContainer">
                                            <select id="genero" name ="genero" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="M">Masculino</option>
                                                <option value="F">Femenino</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="generoM" name="genero" value="M" class="validate[required] radio"/>
                                                Masculino
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="generoF" name="genero" value="F" class="validate[required] radio"/>
                                                Femenino
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Semestre</label>
                                        <div class="controls">
                                            <select class="small m-wrap validate[required]" id="semestre" tabindex="1">
                                                <option value=""></option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                            </select>
                                        </div>
                                    </div>                                    
                                    <div class="control-group">
                                        <label class="control-label">Promedio</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="promedio" placeholder="Promedio (0.00)" class="small m-wrap validate[required,custom[number],max[5],min[0]] text-input" />
                                            <span class="help-inline" id="msjpromedio"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Número de Asignaciones perdidas</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="asignaturasPerdidas" placeholder="Asig. perdidas" class="small m-wrap validate[required,custom[integer,min[0]]] text-input" />
                                            <span class="help-inline" id="msjpromedio"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Estado Civil</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="estadoCivil" tabindex="1">
                                                <option value=""></option>
                                                <option value="Soltero">Soltero</option>
                                                <option value="Casado">Casado</option>
                                                <option value="Separado-Divorciado">Separado - Divorciado</option>
                                                <option value="Union Libre">Unión Libre</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <!-- TABLA DOS-->
                            <div class="tab-pane" id="tab2">
                                <form class="form-horizontal" id="crearBeneficiario2">
                                    <h3 class="block">Datos de residencia</h3>
                                    <div class="control-group">
                                        <label class="control-label">Ciudad de Residencia</label>
                                        <div class="controls inputContainer">
                                            <select class="chosen large m-wrap validate[required]" id="ciudadResidencia" data-placeholder="Seleccione la ciudad de Residencia" tabindex="2">
                                                <option value=""></option>
                                                <?php
                                                foreach ($this->ciudades as $value) {
                                                    echo"<option value=" . $value['codigo_municipio'] . ">" . $value['nombre_municipio'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Localidad</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="localidad" tabindex="1">
                                                <option value="">Seleccione Localidad</option>
                                                <?php
                                                foreach ($this->localidades as $value) {
                                                    echo"<option value=" . $value['codigo_localidad'] . ">" . $value['nombre_localidad'] . "</option>";
                                                }
                                                ?>
                                                <!--                                            <option value="">Seleccione Localidad</option>
                                                                                                <option value="Ninguna">Ninguna</option>
                                                                                                <option value="Antonio Narino">Antonio Nariño</option>
                                                                                                <option value="Barrios Unidos">Barrios Unidos</option>
                                                                                                <option value="Bosa">Bosa</option>
                                                                                                <option value="Chapinero">Chapinero</option>
                                                                                                <option value="Ciudad Bolivar">Ciudad Bolívar</option>
                                                                                                <option value="Engativá‎">Engativá‎</option>
                                                                                                <option value="Fontibón">Fontibón</option>                                            
                                                                                                <option value="Kennedy">Kennedy</option>                                            
                                                                                                <option value="La Candelaria‎">La Candelaria‎</option>
                                                                                                <option value="Los Mártires">Los Mártires</option>
                                                                                                <option value="Puente Aranda‎">Puente Aranda‎</option>
                                                                                                <option value="Rafael Uribe Uribe">Rafael Uribe Uribe</option>
                                                                                                <option value="San Cristóbal">San Cristóbal</option>
                                                                                                <option value="Santa Fe">Santa Fe</option>
                                                                                                <option value="Suba">Suba</option>
                                                                                                <option value="Sumapaz‎">Sumapaz‎</option>
                                                                                                <option value="Teusaquillo">Teusaquillo</option>
                                                                                                <option value="Tunjuelito‎">Tunjuelito‎</option>
                                                                                                <option value="Usaquén‎">Usaquén‎</option>
                                                                                                <option value="Usme">Usme</option>                                            -->
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Barrio</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="barrio" placeholder="Digite barrio actual" class="large m-wrap validate[required, maxSize[50]] text-input" />
                                            <span class="help-inline" id="msjbarrio"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Estrato</label>
                                        <div class="controls inputContainer">
                                            <select class="small m-wrap validate[required]" id="estrato" tabindex="1">
                                                <option value=""></option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Dirección</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="direccion" placeholder="Digite Dirección" class="large m-wrap validate[required,maxSize[60]] text-input" />
                                            <span class="help-inline" id="msjdireccion"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Teléfono</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="telefono" placeholder="Digite N° de Teléfono" class="m-wrap large validate[custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjtelefono"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Celular</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="celular" placeholder="Digite N° de Celular" class="large m-wrap validate[custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjcelular"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">E-mail</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="email" placeholder="Digite e-mail" class="large m-wrap validate[required,custom[email,maxSize[50]]] text-input" />
                                            <span class="help-inline" id="msjemail"></span>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <!-- TABLA TRES-->
                            <div class="tab-pane" id="tab3">
                                <form class="form-horizontal" id="crearBeneficiario3">
                                    <h3 class="block">Proporcione detalles Socioeconómicos</h3>                                                               
                                    <div class="control-group">
                                        <label class="control-label">Valor Matrícula</label>
                                        <div class="controls inputContainer">
                                            <div class="input-prepend input-append">                                            
                                                <span class="add-on">$</span><input type="text" id="matricula" placeholder="Digite valor matrícula actual" class="m-wrap validate[required,custom[number],min[0]] text-input"/><span class="add-on">.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Ingresos Mensuales</label>
                                        <div class="controls inputContainer">
                                            <div class="input-prepend input-append">                                            
                                                <span class="add-on">$</span><input type="text" id="ingresos" placeholder="Digite valor mensual de ingresos" class="m-wrap validate[required,custom[number],min[0]] text-input"/><span class="add-on">.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Se sostiene económicamente?</label>
                                        <div class="controls inputContainer">
                                            <select id="autosostenimiento" name ="autosostenimiento" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="autosostenimiento" name="autosostenimiento" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="autosostenimiento" name="autosostenimiento" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Sostiene Hogar?</label>
                                        <div class="controls inputContainer">
                                            <select id="sostieneHogar" name ="sostieneHogar" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="sostieneHogar"name="sostieneHogar" value="1" class="validate[required] radio" />
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="sostieneHogar" name="sostieneHogar" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Vive fuera del núcleo familiar de origen?</label>
                                        <div class="controls inputContainer">
                                            <select id="nucleo" name ="nucleo" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>                                          
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="nucleo" name="nucleo" value="1" class="validate[required] radio" />
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="nucleo" name="nucleo" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Descripción del Núcleo</label>
                                        <div class="controls inputContainer">
                                            <textarea  id="descripcionNucleo" rows="2" placeholder="En caso afirmativo, con quien vive?" class="span6 m-wrap" maxlength="100"></textarea>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Tiene personas a cargo?</label>
                                        <div class="controls inputContainer">
                                            <select id="personasCargo" name ="personasCargo" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="personasCargo" name="personasCargo" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="personasCargo" name="personasCargo" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Descripción personas a cargo</label>
                                        <div class="controls inputContainer">
                                            <textarea id="descripcionPC" rows="2" placeholder="En caso afirmativo, quienes son (parientes, cónyuge, compañero(a) e hijos)?" class="span6 m-wrap" maxlength="100"></textarea>
                                        </div>
                                    </div>                                
                                    <div class="control-group">
                                        <label class="control-label">Proviene de Municipios o ciudades distintos a Bogotá?</label>
                                        <div class="controls inputContainer">
                                            <select id="procedeFueraBogota" name ="procedeFueraBogota" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id ="procedeBogota" name="procedeBogota" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id ="procedeBogota" name="procedeBogota" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>                              
                                    <div class="control-group">
                                        <label class="control-label">Ciudad de origen</label>
                                        <div class="controls inputContainer">
                                            <select class="chosen large m-wrap validate[required]" id="ciudadOrigen" data-placeholder="Seleccione la ciudad de Origen" tabindex="2">
                                                <option value=""></option>
                                                <?php
                                                foreach ($this->ciudades as $value) {
                                                    echo"<option value=" . $value['idCiudad'] . ">" . $value['nombre'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Es desplazado?</label>
                                        <div class="controls inputContainer">
                                            <select id="desplazado" name ="desplazado" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id ="desplazado" name="desplazado" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id ="desplazado" name="desplazado" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Población</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="poblacion" tabindex="1">                                                
                                                <option value=""></option>
                                                <option value="Ninguna">Ninguna</option>
                                                <option value="Indigena">Indígena</option>
                                                <option value="Afrodescendiente - Afrocolombiano">Afrodescendiente - Afrocolombiano</option>
                                                <option value="Mujer cabeza de hogar">Mujer cabeza de hogar</option>                                            
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Discapacidad física o mental?</label>
                                        <div class="controls inputContainer">
                                            <select id="discapacidad" name ="discapacidad" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="discapacidad" name="discapacidad" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="discapacidad" name="discapacidad" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Patologias asociadas con la nutrición y la alimentación?</label>
                                        <div class="controls inputContainer">
                                            <select id="patologias" name ="patologias" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="patologias" name="patologias" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="patologias" name="patologias" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Descripción Patologías </label>
                                        <div class="controls">
                                            <textarea class="span6 m-wrap" id="patologiasDescripcion" rows="2" placeholder="En caso afirmativo, describa alguna patología asociada con la nutrición y la alimentación?" maxlength="100"></textarea>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Seguridad Social</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="seguridadSocial" placeholder="Digite Seguridad Social (Sisben, EPS, Prepagada)" class="m-wrap large validate[required, custom[onlyLetterSp,maxSize[60]] text-input" />
                                            <span class="help-inline" id="msjsegsocial"></span>
                                        </div>
                                    </div>
                                </form>
                            </div>                            

                            <!-- TABLA CUATRO-->
                            <div class="tab-pane" id="tab4">
                                <form class="form-horizontal" id="crearBeneficiarioConfirmar">
                                    <!--------------------------------------------------------------------------------->

                                    <h3 class="block">Por favor, confirme los datos Ingresados.</h3>
                                    <h3 class="block">Datos básicos.</h3>
                                    <div class="control-group">
                                        <label class="control-label">Código</label>
                                        <div class="controls inputContainer">
                                            <input type="text" name ="codigo2" id="codigo2" maxlength="11" placeholder="Digite código del Estudiante" class="large m-wrap validate[required,custom[onlyNumberSp,minSize[11]]] text-input" disabled/>
                                            <span class="help-inline" id="msjcodigo"></span>
                                        </div>                                        
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Carrera</label>
                                        <div class="controls inputContainer" >
                                            <select id="carrera2" name ="carrera2" data-placeholder="Seleccione una Carrera" tabindex="0" class="large m-wrap validate[required] ">
                                                <option value="">Seleccione una Carrera</option>
                                                <?php
                                                foreach ($this->carreras as $value) {
                                                    echo"<option value=" . $value['codigo_proyecto'] . ">" . $value['nombre_proyecto'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Nombres</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="nombres2" placeholder="Digite Nombres" class="large m-wrap validate[required,custom[onlyLetterSp,maxSize[60]]] text-input" />
                                            <span class="help-inline" id="msjnombre"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Apellidos</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="apellidos2" placeholder="Digite Apellidos" class="large m-wrap validate[required,custom[onlyLetterSp,maxSize[60]]] text-input" />
                                            <span class="help-inline" id="msjapellido"></span>
                                        </div>
                                    </div>                                
                                    <div class="control-group">
                                        <label class="control-label">Documento</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="documento2" placeholder="Digite N° Documento de Identidad" class="large m-wrap validate[required,custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjdocumento"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Tipo Documento</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="tipoDocumento2" tabindex="1">
                                                <option value=""></option>
                                                <option value="TI">Tarjeta de Identidad</option>
                                                <option value="CC">Cédula de Ciudadanía</option>
                                                <option value="CE">Cédula de Extranjería</option>
                                                <option value="P">Pasaporte</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Fecha de Nacimiento</label>
                                        <div class="controls">
                                            <div class="input-append date date-picker" data-date="" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
                                                <input id="fechaNacimiento2" class="m-wrap m-ctrl-medium date-picker validate[required]" size="16" type="text" value="" disabled/><span class="add-on"><i class="icon-calendar"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Género</label>
                                        <div class="controls inputContainer">
                                            <select id="genero2" name ="genero2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="M">Masculino</option>
                                                <option value="F">Femenino</option>
                                            </select>
                                            <!--
                                             <label class="radio line">
                                            <input type="radio" id="generoM2" name="genero2" value="M" class="validate[required] radio"/><!--checked
                                            Masculino
                                            </label>
                                            <label class="radio line">
                                            <input type="radio" id="generoF2" name="genero2" value="F" class="validate[required] radio"/>
                                            Femenino
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Semestre</label>
                                        <div class="controls">
                                            <select class="small m-wrap validate[required]" id="semestre2" tabindex="1">
                                                <option value=""></option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                            </select>
                                        </div>
                                    </div>                                    
                                    <div class="control-group">
                                        <label class="control-label">Promedio</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="promedio2" placeholder="Promedio (0.00)" class="small m-wrap validate[required,custom[number],max[5],min[0]] text-input" />
                                            <span class="help-inline" id="msjpromedio2"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Número de Asignaciones perdidas</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="asignaturasPerdidas2" placeholder="Asig. perdidas" class="small m-wrap validate[required,custom[integer,min[0]]] text-input" />
                                            <span class="help-inline" id="msjpromedio2"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Estado Civil</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="estadoCivil2" tabindex="1">
                                                <option value=""></option>
                                                <option value="Soltero">Soltero</option>
                                                <option value="Casado">Casado</option>
                                                <option value="Separado-Divorciado">Separado - Divorciado</option>
                                                <option value="Union Libre">Unión Libre</option>
                                            </select>
                                        </div>
                                    </div>

                                    <!--------------------------------------------------------------------------------->
                                    <h3 class="block">Datos de residencia</h3>   
                                    <div class="control-group">
                                        <label class="control-label">Ciudad de Residencia</label>
                                        <div class="controls inputContainer">
                                            <select class="chosen large m-wrap validate[required]" id="ciudadResidencia2" data-placeholder="Seleccione la Ciudad de Residencia"tabindex="2">
                                                <option value=""></option>
                                                <?php
                                                foreach ($this->ciudades as $value) {
                                                    echo"<option value=" . $value['idCiudad'] . ">" . $value['nombre'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Localidad</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="localidad2" tabindex="1">
                                                <option value="">Seleccione Localidad</option>
                                                <option value="Ninguna">Ninguna</option>
                                                <option value="Antonio Nariño">Antonio Nariño</option>
                                                <option value="Barrios Unidos">Barrios Unidos</option>
                                                <option value="Bosa">Bosa</option>
                                                <option value="Chapinero">Chapinero</option>
                                                <option value="Ciudad Bolívar">Ciudad Bolívar</option>
                                                <option value="Engativá‎">Engativá‎</option>
                                                <option value="Fontibón">Fontibón</option>                                            
                                                <option value="Kennedy">Kennedy</option>                                            
                                                <option value="La Candelaria‎">La Candelaria‎</option>
                                                <option value="Los Mártires">Los Mártires</option>
                                                <option value="Puente Aranda‎">Puente Aranda‎</option>
                                                <option value="Rafael Uribe Uribe">Rafael Uribe Uribe</option>
                                                <option value="San Cristóbal">San Cristóbal</option>
                                                <option value="Santa Fe">Santa Fe</option>
                                                <option value="Suba">Suba</option>
                                                <option value="Sumapaz‎">Sumapaz‎</option>
                                                <option value="Teusaquillo">Teusaquillo</option>
                                                <option value="Tunjuelito‎">Tunjuelito‎</option>
                                                <option value="Usaquén‎">Usaquén‎</option>
                                                <option value="Usme">Usme</option>                                            
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Barrio</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="barrio2" placeholder="Digite barrio actual" class="large m-wrap validate[required, maxSize[50]] text-input" />
                                            <span class="help-inline" id="msjbarrio"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Estrato</label>
                                        <div class="controls inputContainer">
                                            <select class="small m-wrap validate[required]" id="estrato2" tabindex="1">
                                                <option value=""></option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Dirección</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="direccion2" placeholder="Digite Dirección" class="large m-wrap validate[required,maxSize[60]] text-input" />
                                            <span class="help-inline" id="msjdireccion2"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Teléfono</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="telefono2" placeholder="Digite N° de Teléfono" class="m-wrap large validate[custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjtelefono2"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Celular</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="celular2" placeholder="Digite N° de Celular" class="large m-wrap validate[custom[onlyNumberSp]] text-input" />
                                            <span class="help-inline" id="msjcelular2"></span>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">E-mail</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="email2" placeholder="Digite e-mail" class="large m-wrap validate[required,custom[email,maxSize[50]]] text-input" />
                                            <span class="help-inline" id="msjemail2"></span>
                                        </div>
                                    </div>
                                    <!--------------------------------------------------------------------------------->
                                    <h3 class="block">Datos Socioeconómicos</h3>                                                               
                                    <div class="control-group">
                                        <label class="control-label">Valor Matrícula</label>
                                        <div class="controls inputContainer">
                                            <div class="input-prepend input-append">                                            
                                                <span class="add-on">$</span><input type="text" id="matricula2" placeholder="Digite valor matrícula actual" class="m-wrap validate[required,custom[number],min[0]] text-input"/><span class="add-on">.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Ingresos Mensuales</label>
                                        <div class="controls inputContainer">
                                            <div class="input-prepend input-append">                                            
                                                <span class="add-on">$</span><input type="text" id="ingresos2" placeholder="Digite valor mensual de ingresos" class="m-wrap validate[required,custom[number],min[0]] text-input"/><span class="add-on">.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Se sostiene económicamente?</label>
                                        <div class="controls inputContainer">
                                            <select id="autosostenimiento2" name ="autosostenimiento2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="autosostenimiento2" name="autosostenimiento2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="autosostenimiento2" name="autosostenimiento2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Sostiene Hogar?</label>
                                        <div class="controls inputContainer">
                                            <select id="sostieneHogar2" name ="sostieneHogar2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="sostieneHogar2"name="sostieneHogar2" value="1" class="validate[required] radio" />
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="sostieneHogar2" name="sostieneHogar2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Vive fuera del núcleo familiar de origen?</label>
                                        <div class="controls inputContainer">
                                            <select id="nucleo2" name ="nucleo2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="nucleo2" name="nucleo2" value="1" class="validate[required] radio" />
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="nucleo2" name="nucleo2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Descripción del Núcleo</label>
                                        <div class="controls inputContainer">
                                            <textarea  id="descripcionNucleo2" rows="2" placeholder="En caso afirmativo, con quien vive?" class="span6 m-wrap" maxlength="100"></textarea>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Tiene personas a cargo?</label>
                                        <div class="controls inputContainer">
                                            <select id="personasCargo2" name ="personasCargo2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="personasCargo2" name="personasCargo2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="personasCargo2" name="personasCargo2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Descripción personas a cargo</label>
                                        <div class="controls inputContainer">
                                            <textarea id="descripcionPC2" rows="2" placeholder="En caso afirmativo, quienes son (parientes, cónyuge, compañero(a) e hijos)?" class="span6 m-wrap" maxlength="100"></textarea>
                                        </div>
                                    </div>                                
                                    <div class="control-group">
                                        <label class="control-label">Proviene de Municipios o ciudades distintos a Bogotá?</label>
                                        <div class="controls inputContainer">
                                            <select id="procedeFueraBogota2" name ="procedeFueraBogota2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id ="procedeBogota2" name="procedeBogota2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id ="procedeBogota2" name="procedeBogota2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>                              
                                    <div class="control-group">
                                        <label class="control-label">Ciudad de origen</label>
                                        <div class="controls inputContainer">
                                            <select class="chosen large m-wrap validate[required]" id="ciudadOrigen2" data-placeholder="Seleccione la ciudad de Origen" tabindex="2">
                                                <option value=""></option>
                                                <?php
                                                foreach ($this->ciudades as $value) {
                                                    echo"<option value=" . $value['idCiudad'] . ">" . $value['nombre'] . "</option>";
                                                }
                                                ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Es desplazado?</label>
                                        <div class="controls inputContainer">
                                            <select id="desplazado2" name ="desplazado2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id ="desplazado2" name="desplazado2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id ="desplazado2" name="desplazado2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Población</label>
                                        <div class="controls inputContainer">
                                            <select class="large m-wrap validate[required]" id="poblacion2" tabindex="1">                                                
                                                <option value=""></option>
                                                <option value="Ninguna">Ninguna</option>
                                                <option value="Indigena">Indígena</option>
                                                <option value="Afrodescendiente - Afrocolombiano">Afrodescendiente - Afrocolombiano</option>
                                                <option value="Mujer cabeza de hogar">Mujer cabeza de hogar</option>                                            
                                            </select>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Discapacidad física o mental?</label>
                                        <div class="controls inputContainer">
                                            <select id="discapacidad2" name ="discapacidad2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="discapacidad2" name="discapacidad2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="discapacidad2" name="discapacidad2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Patologias asociadas con la nutrición y la alimentación?</label>
                                        <div class="controls inputContainer">
                                            <select id="patologias2" name ="patologias2" data-placeholder="" tabindex="0" class="small m-wrap validate[required] ">
                                                <option value=""></option>
                                                <option value="1">Si</option>
                                                <option value="0">No</option>
                                            </select>
                                            <!--
                                            <label class="radio line">
                                                <input type="radio" id="patologias2" name="patologias2" value="1" class="validate[required] radio"/>
                                                Si
                                            </label>
                                            <label class="radio line">
                                                <input type="radio" id="patologias2" name="patologias2" value="0" class="validate[required] radio"/>
                                                No
                                            </label> 
                                            -->
                                        </div>
                                    </div> 
                                    <div class="control-group">
                                        <label class="control-label">Descripción Patologías </label>
                                        <div class="controls">
                                            <textarea class="span6 m-wrap" id="patologiasDescripcion2" rows="2" placeholder="En caso afirmativo, describa alguna patología asociada con la nutrición y la alimentación?" maxlength="100"></textarea>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label">Seguridad Social</label>
                                        <div class="controls inputContainer">
                                            <input type="text" id="seguridadSocial2" placeholder="Digite Seguridad Social (Sisben, EPS, Prepagada)" class="m-wrap large validate[required, custom[onlyLetterSp,maxSize[60]] text-input" />
                                            <span class="help-inline" id="msjsegsocial"></span>
                                        </div>
                                    </div>
                                    <!--------------------------------------------------------------------------------->

                                    <div class="form-actions clearfix">
                                        <div class="control-group">
                                            <label class="control-label"></label>
                                            <div class="controls inputContainer">                                                
                                                <label class="checkbox">
                                                    <input type="checkbox" name="confirmar" id="confirmar"  class="ck validate[required] checkbox"/> Confirmar
                                                </label>
                                            </div>                                            
                                        </div>
                                    </div>
                                    <BR>
                                </form>
                            </div>
                        </div>
                        <div class="form-actions clearfix">                            

                            <a href="javascript:;" class="btn button-previous">
                                <i class="m-icon-swapleft"></i> Atrás 
                            </a>

                            <a href="javascript:;" class="btn blue button-next">
                                Continuar <i class="m-icon-swapright m-icon-white"></i>
                            </a>                            

                            <a href="javascript:;" class="btn green button-submit">
                                Aceptar <i class="m-icon-swapright m-icon-white"></i>
                            </a>


                            <!--
                            <button class="btn button-previous">                    
                                <i class="m-icon-swapleft"></i> Atrás btn
                            </button>
                            
                            <button class="btn blue button-next">                    
                                Continuar btn <i class="m-icon-swapright m-icon-white"></i>
                            </button>
                            
                            <a href="javascript:void(0);" class="btn button-previous">
                                <i class="m-icon-swapleft"></i> Atrás 
                            </a>

                            <a href="javascript:void(0);" class="btn blue button-next">
                                Continuar <i class="m-icon-swapright m-icon-white"></i>
                            </a>
                            
                            <button class="btn green button-submit" id="btnCrearBeneficiario">                    
                                Aceptar btn <i class="m-icon-swapright m-icon-white"></i>
                            </button>
                            -->

                        </div>
                    </div>
                </div>
                <!--</form>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE CONTENT-->          
<script src="<?php echo $this->baseUrl; ?>/assets/js/jquery-1.8.3.min.js"></script>    
<script type='text/javascript' src='<?php echo $this->baseUrl; ?>/assets/js/apoyoalimentario/beneficiario/crearBeneficiario.js'></script>

<script type='text/javascript'> 
    var url = '<?php echo $this->baseUrl; ?>'; 
</script>

